Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: quando si clicka su un elemento di classe “A” se questo è di tipo <div> viene evidenziato con uno sfondo di colore giallo (si assegna la stringa “yellow” alla proprietà backgroundColor) mentre se è di tipo <p> viene evidenziato con uno sfondo di colore azzurro (si assegna la stringa “lightblue” alla proprietà backgroundColor). Quando è stato selezionato un elemento di un certo tipo se si clicka su un elemento dell’altro tipo si deseleziona quello precedente (alla proprietà backgroundColor si assegna il valore “initial”), si incrementa di 1 il conteggio delle coppie <div>-<p>e si scrive il valore in un elemento <span> predefinito (con id assegnato). Nota: il tag di un elemento HTML è disponibile nella proprietà tagName dell’oggetto (in maiuscolo).

Click DIVs!

Count div/p pairs: 0

Primo div di testo classe A

Secondo div di testo classe B

Primo p di testo classe A

Secondo p di testo classe B

Terzo div di testo classe A

Terzo p di testo classe A